<script setup lang="ts" name="menuTree">
import { ref,  } from 'vue';
const props=defineProps({
  title: String,

})


const menuDialog = ref(false);




// 暴露变量-->setup下的变量都需要用defineExpose暴露出去，不然使用ref也无法访问
defineExpose({
  menuDialog,
});




</script>

<template>
  <el-dialog :title="props.title" v-model="menuDialog" width="400px" class="menuDialogWrap">
    <div class="menuDialog">




    </div>
    <div class="btnWraps">
      <el-button class="formBtn ml10" @click="menuDialog = false">取消</el-button>
      <el-button class="formBtn" type="primary" >保存</el-button>

    </div>
  </el-dialog>
</template>

<style lang="scss" scoped>
.menuDialogWrap {
  position: relative;

  .menuDialog {
    padding-bottom: 52px;
  }

  .btnWraps {
    padding: 5px 0 10px 0;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 999;
  }

  .menuTree {
    :deep(.el-tree-node__content) {
      flex-wrap: wrap;
      height: auto;

      .btnsWrap {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-left: 48px;
        // max-width: 350px;
      }
    }
  }
}
</style>
